* {
  padding: 0;
  margin: 0;
}

.container {
  width: 100vw;
  height: 100vh;
  background: #e6e4e7;
  overflow: hidden;
}

.top {
  width: 100vw;
  height: 1.0943396rem;
  background: #eceaed;
}

.top--back {
  display: inline-block;
  margin-left: 0.42rem;
  margin-top: 0.25rem;
}

.top--img {
  width: 20px;
  height: 20px;
}

.top--title {
  display: inline-block;
  font-size: 18px;
  margin-left: 2.9622rem;
  position: relative;
  top: -0.1rem;
  font-weight: bold;
  color: #7b797c;
}

.top--person {
  height:  1.0943396rem;
  line-height:  1.0943396rem;
  display: inline-block;
}

.top--person img {
  width: 30px;
  height: 30px;
  margin-left: 2.00377rem;
  position: relative;
  top: 0.1rem;
}

.top--person span {
  font-size: 32px;
  color: #6c6a6e;
}
.body{
  width: 100vw;
  height: 4.301886rem;
  margin-top: 0.2830rem;
  background: #eceaed;
  position: relative;
}
.body ul{
  list-style: none;
  width: 9.660377rem;
  height: 4.301886rem;
  margin-left: 0.3396rem;
}
.body ul li{
  width: 9.660377rem;
  height: 2.150943rem;
  border-bottom: solid 1px #e6e4e7;
}
.body--icon{
  display: inline-block;
  width: 1.2264rem;
  height: 1.2264rem;
  border-radius: 5px;
  background: #f07f27;
  margin-top: 0.45rem;
}
.body--icon--img{
  width: 40px;
  height: 40px;
  margin-left: 0.1rem;
  margin-top: 0.05rem;
}
.del{
  width: 2rem;
  height: 2.150943rem;
  display: inline-block;
  background: red;
  color: white;
  font-size: 18px;
  position: relative;
  left: 9.7rem;
  top: -2.15rem;
  text-align: center;
  line-height: 2.150943rem;
}

.body--li{
  width: 9.660377rem;
  height: 2.150943rem;
  //float: left;
}
//.body--li1{
//  width: 9.660377rem;
//  height: 2.150943rem;
//  float: left;
//  margin-top: -2.2rem;
//}
//.body--li2{
//  width: 9.660377rem;
//  height: 2.150943rem;
//  float: left;
//  margin-top: -0.8rem;
//}
//.body--li3{
//  width: 9.660377rem;
//  height: 2.150943rem;
//  float: left;
//  margin-top: -2.1rem;
//}
.body--content{
  display: inline-block;
}
.body--content--txt1{
  font-size: 18px;
  margin-left: 0.377358rem;
  font-weight: bold;
  color: #939194;
}
.body--content--txt2{
  font-size: 15px;
  color: #b6b4b7;
  margin-left: 0.377358rem;
  margin-top: 0.1rem;
  position: relative;
  top: 0.1rem;
}
.body--time{
  display: inline-block;
  font-size: 15px;
  color: #b6b4b7;
  position: absolute;
  right: 0.2830rem;
  top: 0.56603rem;
}
.body--icon1{
  display: inline-block;
  width: 1.2264rem;
  height: 1.2264rem;
  border-radius: 5px;
  background: #f04f23;
  margin-top: 0.45rem;
}
.body--time1{
  display: inline-block;
  font-size: 15px;
  color: #b6b4b7;
  position: relative;
  left: 7.15rem;
  top: -1.2rem;
}
.before--information{
  width: 100vw;
  height: 5.437735rem;
  background: #eceaed;
  margin-top: 0.2830rem;
}
.before--information--title{
  width: 9.660377rem;
  height: 1.135849rem;
  margin-left: 0.28rem;
}
.before--information--title img{
  width: 20px;
  height: 20px;
  margin-top: 0.358rem;
}
.before--information--title span{
  font-size: 16px;
  color: #b0afb4;
  position: relative;
  top: -0.1rem;
  left: 0.2rem;
}
.before--information ul{
  list-style: none;
  width: 9.660377rem;
  height: 4.301886rem;
  margin-left: 0.3396rem;
}
.before--information ul li{
  width: 9.660377rem;
  height: 2.150943rem;
  border-bottom: solid 1px #e6e4e7;
}
.body--icon2{
  display: inline-block;
  width: 1.2264rem;
  height: 1.2264rem;
  border-radius: 5px;
  background: #11b696;
  margin-top: 0.45rem;
}
.body--icon3{
  display: inline-block;
  width: 1.2264rem;
  height: 1.2264rem;
  border-radius: 5px;
  background: #bf232e;
  margin-top: 0.45rem;
}